<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/" xml:lang="en" lang="en">

<head></head>

<body>

<wicket:extend>

    <!-- Seção das Mensagens de Erro/Feedback -->
    <div class="feedback" wicket:id="feedback">feedback here</div>
   
    <!-- Seção da Importação -->
    <form wicket:id="importForm">
            <div class="import">
                <div class="header_import">
                    <span>Importar Arquivos</span>
                </div>
                <fieldset class="fields_import">
                    <table class="table_import">
                        <tr>
                            <td width="10%">
                                <label>Tipo de Arquivo:</label>
                            </td>
                            <td width="40%">
                                <select class="seletor" wicket:id="fileCode"/>
                            </td>
                            <td width="10%">
                                <label>Nome do Arquivo:</label>
                            </td>
                            <td width="40%">
                                <input type="file" class="arquivo" wicket:id="fileUpload" size="40"/>
                            </td>
                        </tr>
                    </table>                    
                </fieldset>
               
                <div class="buttons_import">
                    <input type="button" class="botao" wicket:id="btnImportar" value="Importar"/>                    
                </div>
            </div>
         </form>
        
         <!-- Seção dos Filtros -->
            <form wicket:id="searchForm">
            <div class="filters">
                <div class="header">
                    <span>Pesquisa</span>
                </div>
                <fieldset class="fields">
                    <table class="table_fields">
                        <tr>
                            <td width="15%">
                                <label>Tipo de Arquivo:</label>
                            </td>
                            <td width="35%">
                                <select wicket:id="fileCodeFiltro" class="seletor">
                                    <option>Selecione...</option>
                                    <option>TIPO 1</option>
                                    <option>TIPO 2</option>
                                </select>
                            </td>
                            <td width="15%">
                                <label>Status:</label>
                            </td>
                            <td width="35%">
                                <select wicket:id="executionStatusFiltro" class="seletor">
                                    <option>Selecione...</option>
                                    <option>STATUS 1</option>
                                    <option>STATUS 2</option>
                                </select>
                            </td>
                        </tr>
                       
                        <tr>
                            <td>
                                <label>Data Início:</label>
                            </td>
                            <td>
                                <input type="text" class="data" wicket:id="dtInicioFiltro"/>
                            </td>
                            <td>
                                <label>Data Fim:</label>
                            </td>
                            <td>
                                <input type="text" class="data" wicket:id="dtFimFiltro"/>
                            </td>
                        </tr>
                    </table>
                </fieldset>
               
                <div class="buttons">
                    <input type="button" class="botao" wicket:id="btnPesquisar" name="Pesquisar" id="btnPesquisar" value="Pesquisar" />
                </div>
            </div>
         </form>
        
         <!-- Seção do Header da Tabela dos Resultados -->
        <div class="results_header">
            <span>Resultado da Pesquisa</span>
        </div>
       
        <div class="results_container">
        <!-- Tabela dos Resultados -->
        <table class="results_table" wicket:id="webMarkupContainer">
           
            <!-- Cabeçalho da Tabela -->
            <thead class="thead_results">
                <tr>
                    <th class="th_headers">
                        <span>Usuário</span>
                    </th>
                    <th class="th_headers">
                        <span>Tipo Arquivo</span>
                    </th>
                    <th class="th_headers">
                        <span>Nome Arquivo</span>
                    </th>
                    <th class="th_headers">
                        <span>Início</span>
                    </th>
                    <th class="th_headers">
                        <span>Duração</span>
                    </th>
                    <th class="th_headers">
                        <span>Ítens</span>
                    </th>
                    <th class="th_headers"></th>
                       <th></th>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
           
            <!-- Corpo da Tabela -->
            <tbody class="tbody_results">
                <tr wicket:id="executionLogs">
                    <td width="10%">
                        <span wicket:id="lstUsuario"/>
                    </td>
                    <td width="15%">
                        <span wicket:id="lstTipoArquivo"/>
                    </td>
                    <td width="40%">
                        <span wicket:id="lstNomeArquivo"/>
                    </td>
                    <td width="10%">
                        <span wicket:id="lstInicio"/>
                    </td>
                    <td width="10%">
                        <span wicket:id="lstDuracao"/>
                    </td>
                    <td width="10%">
                        <span wicket:id="lstItens"/>
                    </td>
                    <td class="lastConteudo" width="2%">
                        <span>
                            <a wicket:id="download">
                                <img wicket:id="icon" alt="Download"/>
                            </a>
                        </span>
                    </td>
                    <td class="lastConteudo" width="2%">
                        <span>
                            <img wicket:id="lstStatus" alt="Resultado da execução"/>
                        </span>
                    </td>
                    <td class="lastConteudo" width="2%">
                        <span>
                            <a wicket:id="consultarDetalhe">
                                <img wicket:id="icon" alt="Consultar Detalhes"/>
                            </a>
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
        </div>
        	<!-- Seção da Paginação -->
			<table class="pagination">
				<thead>
					<tr wicket:id="navigator">
						<th>
							<a wicket:id="first">&#171;&#171;</a>
						</th>
						<th>
							<a wicket:id="prev">&#171;</a>
						</th>
						<th width="90%">
							<span wicket:id="navigation">
								<a wicket:id="pageLink" href="#"> 
									<span wicket:id="pageNumber">5</span>
								</a>
							</span>
						</th>
						<th>
							<a wicket:id="next">&#187;</a>
						</th>
						<th>
							<a wicket:id="last">&#187;&#187;</a>
						</th>
					</tr>
				</thead>
        	</table>
        	
</wicket:extend>

</body>
</html>
